<template>
	<div>
		<div class="separaterow">
      <el-table
          :data="checkData"
          style="width: 100%"
          size="mini"
          key="checkData"
          :height="tabDivHeight"
          ref="standardTable"
          >
          <el-table-column
            label="序号"
            min-width="50px"
            >
            <template slot-scope="scope">
              {{scope.$index+1}}
            </template>
          </el-table-column>
          <el-table-column
            property="name"
            label="名称"
            min-width="100px">
          </el-table-column>
          <el-table-column
            property="checkType"
            label="检查项类型"
            min-width="100px">
            <template slot-scope="scope">
        		<span v-if="scope.row.checkType === 0">测试前检查项</span>
        		<span v-if="scope.row.checkType === 1">测试后检查项</span>
          </template>
          </el-table-column>
          <el-table-column
            property="content"
            label="检查项一"
            min-width="100px">
          </el-table-column>
          <el-table-column
            property="remark"
            label="备注一"
            min-width="100px">
          </el-table-column>
      </el-table>
    </div>
	</div>
</template>

<script>
	export default {
		props:{useCheckData:Object},
	  data(){
			return {
				page: 1,
				tableHeightD: ((window.innerHeight - 300) / 3 - 25),
				checkData:[],
				checkShow:false,
				checkId: '',
			}
		},
		computed:{
			tabDivHeight(){
		      return (window.innerHeight - 460)
		    }
		},
		mounted(){
			this.checkId = this.useCheckData.id
			this.init()
		},
		methods:{
			init(){
				this.$http({
				 	apiUrl: 'resource/readUsecheckList.htm',
			    method: 'get',
			    params: {id:this.useCheckData.id},
				}).then(res=>{
					if(res.code === 0) {
						this.checkData = res.data
					}
				})
			},
			handleSizeChange(){},
	    handleCurrentChange(){},
		}
	}
</script>

<style>
</style>
